.group-list{
	margin: 0 0 25px 0;
	list-style:none;
	overflow: hidden;
	padding:10px;
	li {
		width:290px;
		height:82px;
		float: left;
		display: block;
		overflow: hidden;
		margin: 30px 10px 0px 0px;
		position:relative;
		a{
			display: block;
			overflow: hidden;
			.group-img{
				background: url(@{imagePath}/checker-10x10.gif) repeat;
				float: left;
				display: block;
				.square(80px);
				margin: 0 10px 0 0;
				img {
					float: left;
					.square(80px);
					.transition(opacity 0.2s ease);
				}
			}
			span.list-meta {
				display: block;
				margin: 4px 0 0 0;
				font-size: @smallFont;
				line-height: 1.5;
				color: @grayLight;
			}
			span.list-desc {
				display: block;
				margin: 4px 0 0 0;
				font-size: @smallFont;
				line-height: 1.5;
				color: @gray;
			}
		}
		.action{
			position: absolute;
			right: 0;
			top: 15px;
			display: none;
		}
		&:hover .action{
			display: block;
		}
	}
}
.group-header{
	.black05bg;
	padding: 15px;
	.border-radius(6px);
	color:darken(@gray,20%);
	.group-image{
		.square(120px);
		float: left;
		overflow: hidden;
		.img{
			max-width: 120px;
			max-height: 120px;
		}
	}
	.group-desc{
		float: left;
		margin-left: 20px;
		width:520px;
		h2{
			font-size:24px;
			font-family: @boldFontFamily;
			font-weight: normal;
			background: @borderBack;
			padding-bottom: 4px;
		}
		p{
			padding: 4px 0 8px;
			line-height: 1.5;
		}
	}
	.group-join{
		
	}
}
.group-member{
	color:darken(@gray,20%);
	h3{
		font-family: "Microsoft YaHei";
		font-weight: normal;
		background: @borderBack;
		padding-bottom: 4px;
		margin-bottom: 10px;
	}
	a{
		float:left;
		width: 60px;
		height: 86px;
		padding: 0 8px 0 0;
		margin: 8px 0 0 0;
		line-height: 1.5;
		word-wrap: break-word;
		word-break: break-all;
		overflow: hidden;
		text-align: left;
		img {
			display: block;
			cursor: pointer;
			margin-bottom: 4px;
		}
		u{
			font-style: normal;
			text-decoration: none;
		}
	}
	.member{
		
	}
}
.group-meta{
	padding-left: 70px;
}